<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>Whac-a-mole</title>
		<link rel="stylesheet" type="text/css" href="CSS/mole.css">
		<script type="text/javascript" src="Js/mole.js"></script>
	</head>
	<body>
		<h1>Whac-a-mole</h1>
		<p>Test your skill.how many boxes(moles) can you check(hit) in 30 seconds?</p>
		<p>
			<button id="start_stop"> Start Game | Stop Game </button>  &nbsp &nbsp &nbsp
			Time: <input type="text" name="time" disabled="disabled" id="time">
		</p>
		<p>
			<input type="text" name="result" disabled="disable" id="result"> &nbsp &nbsp &nbsp
			Score: <input type="text" name="socre" disabled="disable" id="score">
		</p>
		<br>
		<div id="container"></div>
		<div id="instruction">
		<p>Instructions:</p>
			<ol>
				<li>Click on the radio buttons(moles) as they are selected randomly by the computer.</li>
				<li>1 point per hit, minus 1 point per miss.</li>
			</ol>
		</div>
	</body>
</html>